<div class="container-fluid">
    <div class="row ikg-row">
        <div class="panel panel-default ikg-panel">
            <div class="panel-body">
                <div data-bind="template:{name:'searchView'},afterRender:renderSearchArea"></div>
            </div>
        </div>
    </div>
    <div class="row ikg-row">
        <div class="panel panel-primary ikg-panel">
            <div class="panel-body">
                <div data-bind="template:{name:'graphicView'},afterRender:init"></div>
            </div>
        </div>
    </div>
</div>
<script id="graphicView" type="text/html">
    <div id="map" style="height:480px;" class="col-sm-12"></div>
</script>
<script id="searchView" type="text/html">
    <form id="searchForm">
        <div class="col-lg-4 ikg-col">
            <div class="input-group">
                <label class="input-group-addon ikg-font-12">台区名称:</label>
                <select class="form-control select2-container ikg-select" data-bind="options:tgOpts,
                            optionsText:'tg_name',
                            optionsValue:'tg_id',
                            value:fixedTgId,
                            optionsCaption:'请选择台区'" name="fixedTgId"></select>
            </div>
        </div>
        <div class="col-lg-3 ikg-col">
            <div class="input-group">
                <label class="input-group-addon ikg-font-12">起始日期:</label>
                <input size="16" type="text" data-bind="datetimepicker:startTime,value:startDate"
                       readonly
                       class="form-control ikg-font-12" name="startDate">
                <span class="input-group-addon"><i class="fa fa-th"></i></span>
            </div>
        </div>
        <div class="col-lg-3 ikg-col">
            <div class="input-group" id="endDate">
                <label class="input-group-addon ikg-font-12">结束日期:</label>
                <input size="16" type="text" data-bind="datetimepicker:endTime,value:endDate" readonly
                       class="form-control ikg-font-12" name="endDate">
                <span class="input-group-addon"><i class="fa fa-th"></i></span>
            </div>
        </div>
        <div class="col-lg-2 ikg-col">
            <button type="button" class="btn btn-success btn-sm" data-bind="click:fnSearch">
                <i class="fa fa-search fa-lg"></i><span class="hidden-xs hidden-sm"> 查询</span></button>
            <button type="button" class="btn btn-success btn-sm" data-bind="click:fnReset">
                <i class="fa fa-repeat fa-lg"></i><span class="hidden-xs hidden-sm"> 重置</span></button>
        </div><!-- /.col-lg-6 -->
    </form>
</script>